<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<%
	String path = request.getContextPath();
	String basepath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<script type="text/javascript" src="<%=basepath %>/jquery/jquery-1.4.4.min.js"></script>

<link href="<%=basepath %>/CSS/displaytag.css" rel="stylesheet" type="text/css" />
<style type="text/css">
			body {
				font-size: 10pt;
			}
			.listView th {
				font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color: #4f6b72;
				border: 1px solid #97c8ff;
				letter-spacing: 2px;
				text-transform: uppercase;
				text-align: left;
				padding: 6px 11px;
				background: #b9e6fd  no-repeat;
			}
			.listView tr {
			 background-color:expression(this.rowIndex%2==0 ? "#F8F8F8":"#95bce2");
			 cursor:hand;
			}
			.listView td {
				border: 1px solid #97c8ff;
				font-size:12px;
				color: #4f6b72;
				padding: 6px 11px;   
				border-bottom: 1px solid #95bce2;   
			}     
			tr.over td {   
				background: yellow;
			}
		</style>
		<script>
			$(document).ready(function(){
				$("tr").mouseover(function(){
					$(this).addClass("over");
				}).mouseout(function(){
					$(this).removeClass("over");
				})
			});
		</script>
		<c:if test="${szjs==null}">
		<script>
		window.location.href="<%=basepath%>initTongjizhuanjiaAction";
		</script>
		</c:if>
		<script type="text/javascript">
 function zhuanjia()
	{
	 var value=document.getElementById("keshis").value;
	
	  var url="<%=basepath%>queryzhuanJiakeshiAction?value="+value; 
	  location.href=url; 
	}
	function initPaiBan()
	{
	   var value=document.getElementsByName("zjia")[0].value
	  var url="<%=basepath%>initPaiBanzhuanjiaAction?value="+value; 
	  location.href=url; 
	}
 </script>	
</head>
<body>
 <select onChange="zhuanjia()" id="keshis" name="keshis.name" style="width:200px;background-color: #E2FFD7">
    	   <option>选择科室</option>
    	   <c:forEach items="${akss}" var="kall">
    	   <option value="${kall.name }">${kall.name }</option>
    	   </c:forEach>
    	   </select>
    	<br/>
 <select onchange="initPaiBan()" id="zjia" name="zjia" style="width:200px;background-color: #E2FFD7">
 		  <c:if test="${zhuanjias==null}">
    	   <option>选择专家</option>
 		  </c:if>
 	     <c:if test="${zhuanjias!=null}">
   	     <c:forEach items="${zhuanjias}" var="zall" varStatus="zl">
   	    
   	     <option value="${zall.name}">${zall.name}</option>
   	    
   	     </c:forEach>
   	     </c:if>
    	   </select>
    	   <br/>
    	    <select onchange="" id="zjia" name="zjia" style="width:200px;background-color: #E2FFD7">
 		 
    	   <option>选择时间</option>
 		   <option>上午</option>
 		   <option>下午</option>
 		   <option>全天</option>
   	
    	   </select>
<div class="displayTable">

		<display:table name="${szjs}" id="row" pagesize="8" export="false" class="displaytag">
		
			<display:column title="序号" sortable="true" headerClass="sortable" style="text-align:center;"> 
				${row.id }
			</display:column>
			<display:column title="科室" sortable="true" headerClass="sortable" style="text-align:center;"> 
				${row.keshi.name}
			</display:column>
			<display:column title="专家" sortable="true" headerClass="sortable" style="text-align:center;"> 
				${row.name }
			</display:column>
			
			<display:column title="挂号费" sortable="true" headerClass="sortable" style="text-align:center;"> 
		    ${row.cost }
			</display:column>
		
			<display:column title="预约" sortable="true" headerClass="sortable" style="text-align:center;"> 
					${row.yuyue }
			</display:column>
			<display:column title="挂号" sortable="true" headerClass="sortable" style="text-align:center;"> 
			${row.guahao }
			</display:column>
			<display:column title="合计" sortable="true" headerClass="sortable" style="text-align:center;"> 
				￥${row.cost*row.guahao }
			</display:column>
</display:table>  		
	</div>




</body>
</html>